<template>
  <div id="bottom" ref="bottom" :style="{}">
    版权所有&copy;2021 jikebarenzhong.com
  </div>
</template>

<script>
export default {
  name: "bottom",
  data(){
    return {
      height: window.innerHeight
    }
  },
  mounted(){
    console.log(this.height)
    console.log(document.body.clientHeight)
    if(this.height && document.body.clientHeight < this.height){
      this.$refs.bottom.style.position = "absolute"
      this.$refs.bottom.style.bottom = 0 + "px";
    }
  }
}
</script>

<style scoped>
#bottom{
  clear:both;
  background-color:#303133;
  color:white;
  width:100%;
  height:40px;
  text-align: center;
  line-height: 40px;
}

</style>
